iT邦幫忙

2023 iThome 鐵人賽

DAY 19
0
SideProject30

一起去遛狗系列 第 19

【一起去遛狗】Day 18 iOS 開發設定

  • 分享至 

  • xImage
  •  

今天來嘗試在 Xcode 的 iOS 手機模擬器跑看看~

首先在 Ionic 網站上看到 iOS Development 的頁面,我選擇 Ionic 推薦的使用 Capacitor 進行 iOS 開發,不過要跑 iOS 手機模擬器的 xcode 需要使用 Mac 電腦,如果沒有 Mac 可以參考 Appflow 的 Native Builds

安裝準備

需要 iOS 13+ 以上的版本,以及 Xcode 14.1+ 以上版本,如果沒有 Xcode 可以到 Apple App Store 下載,下載後會需要安裝 Homebrew 及 CocoaPods,建置好後就可以繼續以下指令,更詳細的環境設定可以看 Capacitor Environment Setup

  • 安裝 Capacitor 提供的 iOS 平台支援套件。

    npm install @capacitor/ios
    
  • 加入 iOS 平台到專案中
    執行後,會看到專案中自動建立一個 iOS 資料夾,裡面包含了進行 iOS 開發的所需要的檔案和設定。

    npx cap add ios
    
  • 用指令在 Xcode 啟動專案

    npx cap open ios
    
  • 之後開發完都要記得先執行 ionic build

    ionic build
    
  • 執行完 ionic build 後要將修改複製到 Android 和 iOS 的原生專案中

    ionic cap copy
    
  • 如果是更新本機的程式碼,如新增套件,要使用 sync 命令,將更新同步到原生專案

    ionic cap sync
    

Qz2pNVI

好了成功了~


上一篇
【一起去遛狗】Ionic Vue 在 tab bar 中加入 FAB
下一篇
【一起去遛狗】Day 19 Ionic Vue 將自己的裝置定位標示在 google map
系列文
一起去遛狗30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言